import styled from "styled-components";
import { px2rem } from "../../assets/global-style";

export const Top = styled.div`
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: ${px2rem(40)};
    padding: ${px2rem(8)} ${px2rem(4)};
    display: flex;
    justify-content: space-between;
    background-color: white;
    z-index: 6666;
    
    .search-box {
        width: ${px2rem(80)};
        height: ${px2rem(24)};
        margin-left: ${px2rem(10)};
        border-radius: ${px2rem(10)};
        font-size: ${px2rem(8)};
        padding-left: ${px2rem(8)};
        line-height: ${px2rem(24)};
        background-color: #F5F5F5;
    }
    .left {
        width: ${px2rem(24)};
        height: ${px2rem(24)};
        margin-right: ${px2rem(6)};
        border-radius: ${px2rem(12)};
        background-color: #F5F5F5 ;
        text-align: center;
        line-height: ${px2rem(22)};
    }
`